/* menu body */

.menu-body {
	background-color:	Menu;
	color:				MenuText;
	margin:				0;
	padding:			0;
	overflow:			hidden;
	border:				0;
	cursor:				default;
}

.menu-body .outer-border {
	border:			1px solid;
	border-color:	ThreeDLightShadow ThreeDDarkShadow
					ThreeDDarkShadow ThreeDLightShadow;
}

.menu-body .inner-border {
	border:			1px solid;
	border-color:	ThreeDHighLight ThreeDShadow
					ThreeDShadow ThreeDHighLight;
	padding:		1px;
	width:			100%;
	height:			100%;
}

/* end menu body */

/*****************************************************************************/

/* menu items */

.menu-body td {
	font:			menu;
}

.menu-body .hover {
	background-color:	Highlight;
	color:				HighlightText;
}

.menu-body td.empty-icon-cell {
	padding:	0px 2px 0px 2px;
	border:		0;
}

.menu-body td.empty-icon-cell span {
	width:	16px;
}

.menu-body td.icon-cell {
	padding:	0px 2px 0px 2px;
	border:		0;
}


.menu-body td.icon-cell img {
	width:	16px;
	height:	16px;
	margin:	0;
}

.menu-body td.label-cell {
	width:		100%;
	padding:	0px 5px 0px 5px;
}

.menu-body td.shortcut-cell {
	padding:	0px 5px 0px 5px;
}

.menu-body td.arrow-cell {
	width:			20px;
	padding:		0px 2px 0px 0px;
	font-family:	Webdings;
	font-size:		80%;
}

/* end menu items */

/*****************************************************************************/

/* disabled items */

.menu-body .disabled .disabled-container {
	color:				GrayText;
}

.menu-body .disabled .icon-cell .disabled-container,
.menu-body .disabled-hover .icon-cell .disabled-container {
	background:			GrayText;
	filter:				progid:DXImageTransform.Microsoft.Chroma(Color=#010101)
						DropShadow(color=ButtonHighlight, offx=1, offy=1);
	width:				100%;
	height:				100%;
}

.menu-body .disabled-hover .icon-cell .disabled-container {
	filter:				progid:DXImageTransform.Microsoft.Chroma(Color=#010101);
}

.menu-body .disabled .icon-cell .disabled-container .disabled-container,
.menu-body .disabled-hover .icon-cell .disabled-container .disabled-container {
	background:			Transparent;
	filter:				Mask(Color=#010101);
}

.menu-body .disabled-hover td {
	background-color:	Highlight;
	color:				GrayText;
}


/* end disabled items */

/*****************************************************************************/

/* separator */

.menu-body td.separator {
	font-size:	0.001mm;
	padding:	4px 10px 4px 10px;
}

.menu-body .separator-line {
	overflow:		hidden;
	border-top:		1px solid ThreeDShadow;
	border-bottom:	1px solid ThreeDHighlight;
	height:			2px;
}

/* end separator */

/*****************************************************************************/

/* Scroll buttons */

.menu-body #scroll-up-item td,
.menu-body #scroll-down-item td {
	font-family:	Webdings !important;
	text-align:		center;
	padding:		10px;
}
.menu-body #scroll-up-item,
.menu-body #scroll-down-item {
	width:		100%;
}

.menu-body #scroll-up-item td,
.menu-body #scroll-down-item td {
	font-family:	Webdings;
	text-align:		center;
	padding:		0px 5px 0px 5px;
	font-size:		10px;
}

/* end scroll buttons */

/*****************************************************************************/

/* radio and check box items */

.menu-body .check-box,
.menu-body .radio-button {
	width:			16px;
	text-align:		center;
	vertical-align:	middle;
}

.menu-body .checked .check-box {
	font-family:	Marlett;
	font-size:	150%;
}

.menu-body .checked .radio-button {
	font-family:	Marlett;
	font-size:		66%;
}

/* end radio and check box items */

/*****************************************************************************/

/* Menu Bar */

.menu-bar {
	background:		ButtonFace;
	cursor:			default;
	padding:		1px;
}

.menu-bar .menu-button {
	background:	ButtonFace;
	color:		ButtonText;
	font:		Menu;
	padding:	3px 7px 3px 7px;
	border:		0;
	margin:		0;
	display:	inline-block;
	white-space:	nowrap;
	cursor:			default;
}

.menu-bar .menu-button.active {
	padding:		3px 5px 1px 7px;
	border:			1px solid;
	border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;
}

.menu-bar .menu-button.hover {
	padding:		2px 6px 2px 6px;
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
}

.menu-bar .menu-button.disabled,
.menu-bar .menu-button.disabled-hover {
	color:		GrayText;
	border:		0 ;
	padding:	3px 7px 3px 7px;
}


/* End Menu Bar */



/* context Menu */
.WebFX-ContextMenu {
	border: 0; /*2px outset;*/
	width: 10px;
}

.WebFX-ContextMenu-Body {
	background-color: Menu;
	margins: 0px;
	padding: 1px;
	border: 2px outset;
}

.WebFX-ContextMenu-Item {
	cursor: default;
	font: menu;
	color: MenuText;
	width: 100%;
	padding: 2px 16px 2px 16px;
}

.WebFX-ContextMenu-Over {
	cursor: default;
	background-color: highlight;
	font: menu;
	width: 100%;
	padding: 2px 16px 2px 16px;
	color: highlighttext;
}

.WebFX-ContextMenu-Disabled {
	cursor: default;
	font: menu;
	width: 100%;
	padding: 2px 16px 2px 16px;
	color: graytext;
}

.WebFX-ContextMenu-Disabled-Over {
	cursor: default;
	background-color: highlight;
	font: menu;
	width: 100%;
	padding: 2px 16px 2px 16px;
	color: graytext;
}

.WebFX-ContextMenu-Separator {
	font-size: 0pt;
	border: 1px inset;
	height: 2px;
	overflow: hidden;
	margin: 3px 1px 3px 1px;
}

.WebFX-ContextMenu-Disabled-Over .WebFX-ContextMenu-DisabledContainer {
	display: block;
	width: 100%;
	vertical-align: center;
}

/*very nice hack by erik below */
.WebFX-ContextMenu-Disabled .WebFX-ContextMenu-DisabledContainer {
	display: block;
	background: GrayText;
	filter: chroma(color = #010101)
		dropshadow(color = ButtonHighlight, offx = 1, offy = 1);
	width: 100%;
	vertical-align: center;
}

.WebFX-ContextMenu-Disabled .WebFX-ContextMenu-DisabledContainer .WebFX-ContextMenu-DisabledContainer
	{
	background: Transparent;
	filter: gray() /* Remove all bright shades of gray */ 
						 chroma(color = #ffffff) chroma(color = #fefefe)
		chroma(color = #fdfdfd) chroma(color = #fcfcfc)
		chroma(color = #fbfbfb) chroma(color = #fafafa)
		chroma(color = #f9f9f9) chroma(color = #f8f8f8)
		chroma(color = #f7f7f7) chroma(color = #f6f6f6)
		chroma(color = #f5f5f5) chroma(color = #f4f4f4)
		chroma(color = #f3f3f3) mask(color = #010101);
}

.WebFX-ContextMenu-Disabled-Over .WebFX-ContextMenu-DisabledContainer .WebFX-ContextMenu-DisabledContainer
	{
	
}